
<template>
    <div class="hero-title z-[-1]">
        <div class="py-10 sm:py-40 text-center title mb-2 sm:mb-10 z-[-1]">
            <h1 class="text-4xl sm:text-8xl font-bold mb-2 sm:mb-5 text-sky-600 htitle ">404 Not found</h1>
        </div>
    </div>
    <!-- <div id="hero-space" class="h-430px"></div> -->
    <img src='/404.png' alt='404 Not Found' class="errorImage" />
</template>

<style>
.errorImage {
    width: 640px;
    display: block;
    margin-top: -120px;
    margin-left: auto;
    margin-right: auto;
}
</style>